import React from 'react';
import { useRouter } from 'next/router';
import TranslatorPage from '@/components/pages/TranslatorPage';
import ChatInterface from '@/components/chat/ChatInterface';
import { services } from '@/data/services';

const ServicePage: React.FC = () => {
  const router = useRouter();
  const { id } = router.query;

  const service = services.find(s => s.id === id);

  if (!service) {
    return null;
  }

  // For translator service, use the specialized translator page
  if (service.id === 'translator') {
    return <TranslatorPage />;
  }

  // For all other services, use the chat interface with specific system prompts
  const systemPrompt = getSystemPrompt(service.id);
  return (
    <ChatInterface 
      title={service.title} 
      systemPrompt={systemPrompt}
      serviceId={service.id}
    />
  );
};

function getSystemPrompt(serviceId: string): string {
  switch (serviceId) {
    case 'china-go':
      return '你是一个专业的中国文化顾问，精通中国的历史、文化、艺术、美食等各个方面。请用专业且友好的方式回答用户关于中国的问题。';
    case 'business-assistant':
      return '你是一个专业的商务顾问，精通中国的商业环境、投资机会、市场分析等。请为用户提供专业的商务建议和市场洞察。';
    case 'travel-secretary':
      return '你是一个专业的旅行顾问，熟悉中国各地的旅游景点、美食、住宿、交通等信息。请为用户提供详细的旅行建议和行程规划。';
    case 'study-advisor':
      return '你是一个专业的留学顾问，了解中国的教育体系、留学申请流程、奖学金信息等。请为用户提供留学相关的专业建议。';
    default:
      return '你是一个专业的AI助手，请用专业且友好的方式回答用户的问题。';
  }
}

export default ServicePage;